<template>
  <div class="container">
    <div class="banner">
      <img
        src="http://www.juyike.cn/Public/Home/images/img_con/qywh.jpg"
        alt="企业文化"
      />
      <h2>企业文化</h2>
    </div>
    <div class="doc">
      <div class="corecon">
        <h3 class="title">核心理念</h3>
        <div class="fl">
          <p class="side">
            <span class="icon">愿景：</span>
            打造独具优势的贵金属产业体系，做卓越的产融生态一体化集团，做有益于社会的投资人。<br />
            <span class="icon">愿景：</span>
            打造独具优势的贵金属产业体系，做卓越的产融生态一体化集团，做有益于社会的投资人。<br />
          </p>
          <p class="tit">
            “厚德、诚信、进取、共享”的核心价值观是聚益科的文化基础，也是聚益科人行动的基本准则。我们一直致力于追求卓越、创造价值与社会共享、与合作伙伴共享、与员工共享，并以“
            改变财富管理业生态，做卓越的有益于社会的投资人
            ”为使命，将聚益科发展成为一个强大的企业，为聚益科人提供一个事业发展的平台和温暖的家。
          </p>
        </div>
        <div class="fr">
          <img
            src="http://www.juyike.cn/Public/Home/images/img_con/qy.jpg"
            alt=""
          />
        </div>
      </div>
      <div class="enterhonor">
        <h3 class="title">企业荣誉</h3>
        <span>联储证券</span>
        <p class="state">
          2020年12月10日，在金融界“第五届智能金融国际论坛暨2020领航中国年度盛典”，联储证券荣获“中国证券公司杰出金融科技奖”、“中国证券公司杰出成长奖”和“中国证券公司杰出品牌奖”三项大奖。
        </p>
        <p class="state">
          2020年12月8日，风华“证”茂全国证券基金文化建设视频评选结果揭晓，联储证券荣获“公司运营视频作品君鼎奖”&“文化建设扶贫公益团队君鼎奖”两项大奖。
        </p>
      </div>
    </div>
  </div>
</template>
<script>
import { EnterpriseCulture_list } from '@/api/index.js';
export default {
  data() {
    return {
      enterpricedata:[],
    };
  },
  created() {
    this.getData();
  },
  methods: {
     
    // 获取数据
    getData() {
      const data={id:'4258202105191705213'}
      
      EnterpriseCulture_list(data).then(res=> {
          console.log(res.data,'企业文化');
          this.enterpricedata = res.data
      })
      .catch(error=>{
          console.log(error)
      });
    },
  },
};
</script>
<style lang="less" scoped>
.container {
  width: 78.5%;
  left: 12.5%;
  position: absolute;
  top: 0;
  min-width: 1050px;
  max-width: 1200px;
  box-shadow: 5px 0 5px #f0f0f0;
  font-family: "微软雅黑";
  .banner {
    width: 100%;
    position: relative;
    img {
      width: 100%;
    }
    h2 {
      font-weight: 500;
      color: #fff;
      opacity: 0.7;
      font-size: 42px;
      line-height: 42px;
      position: absolute;
      left: 25px;
      top: 40%;
    }
  }
  .doc {
    padding: 0 0 50px 30px;
    .title {
      border-left: 4px solid #ee020d;
      height: 26px;
      line-height: 26px;
      padding-left: 10px;
      font-size: 22px;
      margin: 40px 0;
      font-weight: normal;
      margin-bottom: 0;
    }
    .corecon {
      display: inline-block;
      .fl {
        float: left;
        width: 45%;
        .side {
          font-size: 18px;
          line-height: 30px;
          margin: 4% 0 0 5%;
          span {
            background: url(http://www.juyike.cn/Public/Home/images/i.png)
              no-repeat 0 center;
            padding-left: 20px;
            color: #000;
          }
        }
        .tit {
          font-size: 16px;
          color: #666;
          line-height: 30px;
          margin: 4% 0 0 5%;
          text-indent: 33px;
        }
      }
      .fr {
        float: right;
        width: 45%;
        margin-right: 5%;
        img {
          max-width: 573px;
        }
      }
    }
    .enterhonor {
      span {
        text-align: center;
        width: 100%;
        display: inline-block;
        padding: 0 0 20px 0;
        font-size: 20px;
      }
      .state {
        margin-left: 13%;
        line-height: 30px;
        width: 74%;
        margin: 0 auto;
        font-size: 16px;
        text-indent: 30px;
        color: #666;
      }
    }
  }
}
</style>
